<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8"/>
    <title>项目二-轮播</title>
	<link rel="stylesheet" 
	 href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
  <script src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1254162229,4079702590&fm=26&gp=0.jpg"></script>
  <script src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1556116143024&di=0f3ba3a5f8819c3a3d5aabed1059a9dc&imgtype=0&src=http%3A%2F%2Ftva2.sinaimg.cn%2Fcrop.0.0.996.996.1024%2F005FJQqnjw8f8u0oejvtqj30ro0roq47.jpg"></script>
  <script src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1556116143024&di=b025d7cefb22cf14de6f3c2246901970&imgtype=0&src=http%3A%2F%2Fn.sinaimg.cn%2Fsinacn10%2F664%2Fw902h562%2F20180821%2Fd8b6-hhzsnea0446944.jpg"></script>
	
	
	
	<link href="style.css" rel="stylesheet" type="text/css"/>
	<style>
  /* Make the image fully responsive */
  .carousel-inner img {
      width: 100%;
      height: 100%;
  }
  </style>
<meta charset="utf-8">
</meta>

</head>

<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 简单的轮播（Carousel）插件</title>
	<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
    <body>
    项目二-1802-11-杨佳杰
	<div id="Container">
	 外框
	<br/>
	<div id="Login">
	      <ul>
		  <li><a href="login.html">登录</a></li>
		  <li><a href="register.html">注册</a></li>
		</ul>
</div>		
	<div id="Header">杰ggggggggg</div>
	<div id="Nav">
<ul>
<li><a class="active" href="index.html">主页</a></li>
<li><a href="https://weibo.com/">微博</a></li>
<li><a href="contact.html">联系我</a></li>
<li><a href="about.html">关于</a></li>
</ul>

<div id="myCarousel" class="carousel slide">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>   
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="images/011426594393e7a8012193a3a66535.jpg@2o.jpg">
		</div>
		<div class="item">
			<img src="images/t01893e60b0de1bc686.jpg">
		</div>
		<div class="item">
			<img src="images/20161205033704187.jpg">
			</div>
		</div>
	</div>
</div>
       <div id="PageBody">
	   <div id="MainBody">主体内容</div>
	   <div id="SideBar">侧边栏</div>
	   <div id="Footer">页脚</div>
	<div id="demo" class="carousel slide" data-ride="carousel">
 
  
 
 </div>
 
 <div id="SideBar">侧边栏</div>
 </div>
<div id="Footer">页面底部</div>
</div>

</body>


</html>